<!doctype html>
<html>
	<head>
		<title>Start</title>
		<base href="app://mercy/public/apps/playlist/">
		<link rel="stylesheet" href="app://bungalow/public/themes/main.css">
		<link rel="stylesheet" href="app://mercy/public/bower_components/font-awesome/css/font-awesome.css">
		<script src="app://mercy/public/bower_components/jquery/dist/jquery.js"></script>
		<script src="app://mercy/public/apps/api/models.js"></script>
		<script src="app://mercy/public/apps/api/views.js"></script>
	</head>
	<body style="width: 100%;">
		<div class="sp-tabbar">
			<div class="sp-tabbar-tab sp-tabbar-tab-active">Playlist</div>
		</div>
		<div class="sp-container">
			<table width="100%">
				<tr>
					
					<td valign="top" style="padding: 10pt">
						<h1><a id="title">Playlist</a> by <a class="fade" id="author">owner</a>	<a class="btn" style="float: right" id="btnSubscribe"><i class="fa fa-plus"></i> Follow</i></a>
</h1>
						<p id="description"></p>
					
					</td>
				</tr>
			</table>
			<div id="list">
			</div>
			<script src="scripts/main.js"></script>
		</div>
		<div id="throbber">
			<img src="app://mercy/public/images/throbber.gif">
		</div>
	</body>
</html>